<html>
<head>
	<TITLE>Cập nhật mật khẩu</TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
	$(document).ready(function(){
		loadUsername();
		$("#password_repeat").keypress(function (e){
		  	var keycode;
			if (window.event) keycode = window.event.keyCode;
			else if (e) keycode = e.which;
			else return true;
			if (keycode == 13){
				change_password();
				return false;
			}else{
				return true;
			}
		});
	});
    function loadUsername(){
            $.ajax({
      			type:"POST",
      			url: "data/system/account/change_pass/loadUsername.php",
      			data:'',
                async: false,
    			success: function(data) {
					//alert(data);
					$('#username').val(data)
			     }
		     });
	}
	function checkPassword(){
		 var path='password='+$('#password').val();
		 //alert(path);
		 $.ajax({
      			type:"POST",
      			url: "data/system/account/change_pass/checkPassword.php",
      			data:path,
                async: false,
    			success: function(data) {
					//alert(data);
					if(data=='0'){
						_alert("inform","Mật khẩu cũ không chính xác. Vui lòng nhập lại!");
						$("#password").focus();
					}
					else{
						//alert(data);
						$('#inform').html('');
					}
			     }
		     });
	}
	
	function checkNewPassowrd(){
		var pass = $('#password_new').val();
		var pass_repeat=$('#password_repeat').val();
		if(pass!=pass_repeat){
				_alert("inform","Nhập lại mật khẩu mới không giống mật khẩu mới. Vui lòng nhập lại!");
				$("#password_repeat").focus();
			}
		else{
				var password= $('#password').val();
				if(pass==password){
						_alert("inform","Mật khẩu mới giống mật khẩu cũ. Vui lòng nhập lại!");
						$("#password_new").focus();
					}
				else{
						$('#inform').html('');
						$('#change_pass').removeAttr('disabled');
					}
				$('#inform').html('');
			}
		
		}
	function reset_form(){
		$('#password').val('');
		$('#password_new').val('');
		$('#password_repeat').val('');
		$('#inform').html('');
		$('#change_pass').attr('disabled','disabled');
	}
	
	function change_password(){
		var pass = $('#password_new').val();
		 $.ajax({
      			type:"POST",
      			url: "data/system/account/change_pass/change_pass.php",
      			data:'password='+pass,
                async: false,
    			success: function(data) {
					if(data !=0){
						 reset_form();
						_alert("inform","Đổi mật khẩu thành công!");
						}
					else _alert("inform","Đổi mật khẩu không thành công!");
			     }
		     });
	}
</script>
</head>
<BODY>
	<div id='tabheader' class="header">Quản lý hệ thống&nbsp;<img height="7px" src="lib/images/left.png">&nbsp;Đổi mật khẩu </div>
	<div>
		<fieldset class="field_set">
			<legend>Change password</legend>
			<table width="100%" id="dsFindTab" class='ctable' >
				<tr>
					<td align="right" style="padding-right:50px;" width="20%">Username</td>
					<td width="20%" ><input type="text" name="username" id="username" width="80%" class="cinput" disabled></td>
				</tr>
				<tr>
					<td align="right" style="padding-right:50px;">Mật khẩu cũ</td>
					<td><input  type="password" name="password" id="password" width="80%" onChange="checkPassword()" class="cinput"></td>
					
				</tr>
				<tr>
					<td align="right" style="padding-right:50px;">Mật khẩu mới</td>
					<td><input  type="password" name="password_new" id="password_new" width="80%" class="cinput"></td>
					
				</tr>
				<tr>
					<td align="right" style="padding-right:50px;">Nhập lại mật khẩu mới</td>
					<td><input  type="password" name="password_repeat" id="password_repeat" width="80%" onChange="checkNewPassowrd()" class="cinput"></td>
				</tr>
				<tr><td colspan="2" align="center"><div id="inform"></div></td></tr> 
				 <tr>	
					<td colspan="2" align="center">
						<INPUT id='change_pass' style="width:100px" type="button" value="Đổi mật khẩu" onClick="change_password()" class="cbutton" >
						<INPUT id='cmdXoa' style="width:100px" type="button" value="Làm mới" onclick='reset_form()' class="cbutton"></td>
					</td>
				</tr>
			</table>
		</fieldset>
	</div>
</BODY>
</HTML>
